<template>
  <div class="findmessage">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      青援筹
      <!--信息公开-->
    </div>
    <div class="find-head">
        <img src="../../images/gongkai1.png"/>
    </div>
    <div class="change-list">
      <ul>
         <li @click="tabChange('xinxi')" class="change-border"><button :class="{'change-active': isA == true}">机构信息公开</button></li>
         <li @click="tabChange('niandu')"><button :class="{'change-active': isA == false}">年度审计</button></li>
      </ul>
    </div>
    <div class="findshop-list">
       <ul>
          <li @click="goDetails(lists.id)" v-for="lists in list">
             <div class="list-left">
                 <img src="../../images/head-li.png"/>
             </div>
             <div class="list-right">
                 <p class="list-right-title" v-html="lists.theme"></p>
                 <p class="list-right-text" v-html="lists.summary"></p>
                 <p class="list-right-text">{{lists.createDate}}</p>
             </div>
          </li>
       </ul>
    </div>
    <p style="color: #cccccc;">{{tishi}}</p>
    <div class="findpublic-footer">
          <ul>
          <li style="border-right:1px solid #fff;" @click="lastPage">上一页</li><li @click="nextPage">下一页</li>
          </ul>
    </div>
  </div>
</template>

<script src="./findmessage.js"></script>
